<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"  
    xmlns:h="http://java.sun.com/jsf/html"  
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:c="http://java.sun.com/jsp/jstl/core"
    xmlns:p="http://primefaces.org/ui"
    xmlns:ui="http://java.sun.com/jsf/facelets">  
   
<h:body>  
	<h:commandButton id="iconOnly" icon="ui-icon-disk" title="Icon Only">
		        <p:printer target="painel" />  
	</h:commandButton>
	<p:separator id="separator"/>
		<p:panel id="painel" style="border: 0px">
			<div id="conteudo">
				<h2>
					<h:outputText escape="false" value="#{ajudaMB.conteudo.rotulo}" id="rotulo" />
				</h2> 
				<h:outputText escape="false" value="#{ajudaMB.conteudo.conteudo}" id="conteudo" />
			</div>
			<div id="resultadoBusca">
		    	<ul id="items">		   
				   <c:forEach items="${ajudaMB.conteudos}" var="conteudo" varStatus="contador"> 
					  <li>	
						<h2>
					   		 <p:commandLink actionListener="#{ajudaMB.detalhar(conteudo)}" update=":form:painel" >
								<h:outputText escape="false" value="#{conteudo.rotulo}" />
							 </p:commandLink>
		 			   </h2>
					   		<h:outputText escape="false" value="#{conteudo.resumo}"/>
					 </li>
					</c:forEach>
				</ul>	
			</div>
		</p:panel> 
</h:body>  
</html> 